
.page-loanRecord {

  .pageLoan {
    height: 600px;
    overflow: hidden;
  }

  .card {
    border-radius: 0 !important;
    border: none !important;
    border-top: 1Px solid #ddd !important;
    border-bottom: 1Px solid #ddd !important;
    .cHeader {
      height: 60px;
      .cHeaderInner {
        height: 100%;
      }

      .cTitle {
        color: #000;
        display: -webkit-flex;
        justify-content: flex-start;
        align-items: center;
        h4 {
          font-size: 28px;
          font-weight: normal !important;
        }
        .cTitleIcon {
          display: -webkit-flex;
          justify-content: center;
          align-items: center;
          width: 34px;
          height: 34px;
          background: #fa5558;
          color: #fff;
          font-size: 20px;
          margin-right: 10px;
          box-sizing: border-box;
          border-radius: 50%;

        }
      }

      .cExtra {
        font-size: 24px;
        height: 50px;
        color: #313131;
        display: -webkit-flex;
        justify-content: flex-end;
        align-items: center;
      }
    }
  }

  /*页头部分*/

  .tabsContainer {
    height: 100%;
    overflow: auto;
  }

  /*内容部分*/
  .cBody {
    .cBodyLeft {
      display: -webkit-flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      border-right: 1Px solid #e0e0e0;
      .cBodyLeftName {
        color: #858585;
        font-size: 24px;
        margin-bottom: 20px;
      }
      .cBodyLeftMoney {
        font-size: 48px;
        margin: 0;
        color: #108ee9;
        span {
          font-size: 24px;
          margin-right: 4px;
        }
      }

    }
    .cBodyRight {
      box-sizing: border-box;
      padding-left: 10px;
      .cBodyLine {
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        color: #313131;
        label {
          color: #858585;
        }
      }
    }
  }
}